<?php use_helper('JavascriptBase');?><div id="ccontent" style="display:inline-table">
<div id="cat_menu" class="cat_cat"><h3 class="collectie">Collectie</h3>
    
        <?php foreach($categorys as $category):?>
    <div style="width:175px;"> <div class="cat <?php if($sf_user->getAttribute('category') == $category->getName()){ echo 'cat_active';}?> " ><?php echo link_to($category->getName(), '@category?title='.$category->getName(), array('class' => 'cat_link'));?></div>
       <?php if($category->showBrands() !=''):?>
            <div id="<?php echo $category->getName()?>_brands" style="display:none;" class="brands">
                <ul class="brands">
    <?php foreach($category->showBrands() as $key => $value):?>
    <li class="brands"><?php echo link_to_function($key, 'filterResults(\''.$key.'\')');?></li>
    <?php endforeach;?>
</ul>
           </div><?php endif;?>
        </div>
            <?php endforeach;?>
   
 <script type="text/javascript">expandCategory('#<?php echo $sf_user->getAttribute('category');?>_brands' );

$(document).ready(function(){
    $("div.cat_active").removeClass("cat");
 $("div.cat").hover(function(){
   $(this).animate({paddingLeft: '17px'}, 500)}, function(){
     $(this).animate({paddingLeft: '0px'}, 500)
 })
});</script>
</div>
<div id="products_container">

<div id="breadcrumbs"><?php foreach($breadcrumb as  $crumb => $value):?>
                <?php if($value !='filter'):?>
                   <a href="<?php echo url_for('@'.$value);?>"> <?php echo $crumb;?> > </a>
                   <?php else:?>
                   <?php echo $crumb?>
                   <?php endif;?>
                    <?php endforeach;?>
                  
</div>
    <div id="product_wrap">
        <?php  foreach($pager->getResults() as $product):?>
        <div class="product"><a href="<?php echo url_for('@product?id='.$product->getId());?>" class="productb"><img src="/uploads/images/tn_<?php echo $product->getFilename()?>" class="products" id="product_<?php echo $product->getId();?>" alt="Semra mode <?php echo $product->getName()?>"  /></a>
                                  
            </div>
        <?php endforeach;?>
        <script type="text/javascript">
            $(document).ready(function(){
                $("a.productb").simpletip(
           { content: 'Details',
                fixed: false,
            offset: [20,0]});
            });
            </script>
        
    </div>
<?php if($pager->haveToPaginate()):?>
    <div id="product_paginator" class="pagination"><table class="pagination"><tr><td>
         <a href="<?php echo url_for('@category?title='.$sf_user->getAttribute('category').'&page='.$pager->getPreviousPage());?>" class="pagination_link">Vorige</a>

            <?php foreach ($pager->getLinks() as $page): ?>
      <?php if ($page == $pager->getPage()): ?>
        <span class="active_page" ><?php echo $page ?></span>
      <?php else: ?>
        <a href="<?php echo url_for('@category?title='.$sf_user->getAttribute('category').'&page='.$page);?>" class="pagination_link"><?php echo $page;?></a>

      <?php endif; ?>
    <?php endforeach; ?>
<a href="<?php echo url_for('@category?title='.$sf_user->getAttribute('category').'&page='.$pager->getNextPage());?>" class="pagination_link">Volgende</a>
</td></tr></table>
    </div></div>
<?php endif;?>

</div>
 <div id="afspraak" >
<?php include_partial('content/afspraakform');?>
    </div>